<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // let和var相比：
        // 第一点：var没有限制作用域，但是let限制了变量的作用域
        {
            var a = 2;
            let b = 3;
        }
        console.log(a);
        console.log(b);
        // 第二点：var声明的变量可以多次声明，但是let不能重复声明
        var m = 2;
        var m = 3;
        let n = 4;
        let n = 5;
        console.log(m);
        console.log(n);
        // 第三点：var声明的变量会自动进行变量提升，但是let声明的变量不可以，即使用之前必须要先声明
        console.log(d);
        var d = 10;
        console.log(f);
        let f = 11;
    </script>
</body>
</html>